<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>订单</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
    <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
        <ion-refresher-content loadingSpinner="bubbles"></ion-refresher-content>
      </ion-refresher>
  <div *ngIf="!(listData | empty)">
    <ion-list lines="full">
      <ion-item *ngFor="let item of listData">
        <ion-label text-wrap>
          <p>流水号:&nbsp;{{item.show_id}}</p>
          <p>类型:&nbsp;{{item.typeName}}</p>
          <p>金额:&nbsp;{{item.cash}}</p>
          <p>描述:&nbsp;{{item.remark}}</p>
          <p>时间:&nbsp;{{item.created | datestr}}</p>
        </ion-label>
      </ion-item>
    </ion-list>
    <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)" [disabled]="disabled">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </div>
  <div *ngIf="(listData | empty)">
    <ion-card>
      <ion-item lines="none">
        <ion-label>暂无数据</ion-label>
      </ion-item>
    </ion-card>
  </div>
</ion-content>
<app-tab-self></app-tab-self>